<template>
  <div class="home">
    <homeHeader @set:show="show = true"></homeHeader>
    <homeBannerOne></homeBannerOne>
    <homeNavDiscount></homeNavDiscount>
    <homeNavHot></homeNavHot>
    <homeBannerTwo></homeBannerTwo>
    <homeBrand></homeBrand>
    <homeNavBrandZone></homeNavBrandZone>
    <van-overlay :show="show" z-index="1000">
      <searchTopPopup @set:show="show = false"></searchTopPopup>
    </van-overlay>
    <homeButtomTab></homeButtomTab>
  </div>
</template>

<script>
import homeHeader from "@/components/header/homeHeader.vue";
import homeBannerOne from "@/components/banner/homeBannerOne.vue";
import homeNavDiscount from "@/components/nav/homeNavDiscount.vue";
import homeNavHot from "@/components/nav/homeNavHot.vue";
import homeBannerTwo from "@/components/banner/homeBannerTwo.vue";
import homeBrand from "@/components/nav/homeBrand";
import homeNavBrandZone from "@/components/nav/homeNavBrandZone";
import searchTopPopup from "@/components/popup/searchTopPopup.vue";
import homeButtomTab from "@/components/nav/homeButtomTab.vue";

export default {
  name: "Home",
  data() {
    return {
      show: false
    };
  },
  components: {
    homeHeader,
    homeBannerOne,
    homeNavDiscount,
    homeNavHot,
    homeBannerTwo,
    homeBrand,
    homeNavBrandZone,
    searchTopPopup,
    homeButtomTab
  }
};
</script>
